<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/online-class/css/public.css" />
    <link rel="stylesheet" href="/online-class/css/index.css" />
    <link rel="stylesheet" href="/online-class/css/page2-marchantlist.css" />
    <link rel="stylesheet" href="/online-class/css/page3-marchantinfo.css" />
    <title>商家信息</title>
</head>

<body>
    <div class="hole-div">
        <!-- 顶部10vw -->
        <div class="top">商家列表</div>
        <!-- 中部 -->
        <div class="mid">
            <!-- 中部顶部商家详情 -->
            <div class="marchant-info">
                <img src="/resoures/images/白菜.png" alt="万家饺子 （软件园E18店）" />
                <div class="info-text">
                    <h4 class="hhead">万家饺子 （软件园E18店）</h4>
                    <ul class="ubody">
                        <li>￥15起送 ￥3配送</li>
                        <li>各种饺子炒菜</li>
                    </ul>
                </div>
            </div>
            <!-- 中部已点菜品详情 -->
            <div class="menuinfo">
                <div class="menuinfo-list">
                    <div class="menuinfo-img">
                        <div class="icon-top">招牌</div>
                        <img src="/resoures/images/奶茶.png" alt="鲜肉水饺" />
                    </div>
                    <div class="info-text">
                        <div class="text-left">
                            <h5 class="hhead">纯肉鲜肉（水饺）</h5>
                            <ul class="ubody">
                                <li>新鲜猪肉</li>
                                <li>￥15</li>
                            </ul>
                        </div>
                        <div class="text-right">
                            <div class="minus">-</div>
                            <div class="num">3</div>
                            <div class="add">+</div>
                        </div>
                    </div>
                </div>
                <div class="menuinfo-list">
                    <div class="menuinfo-img">
                        <div class="icon-top">招牌</div>
                        <img src="/resoures/images/汉堡包.png" alt="玉米鲜肉（水饺）" />
                    </div>
                    <div class="info-text">
                        <div class="text-left">
                            <h5 class="hhead">玉米鲜肉（水饺）</h5>
                            <ul class="ubody">
                                <li>玉米鲜肉</li>
                                <li>￥16</li>
                            </ul>
                        </div>
                        <div class="text-right">
                            <div class="minus">-</div>
                            <div class="num">2</div>
                            <div class="add">+</div>
                        </div>
                    </div>
                </div>
                <div class="menuinfo-list">
                    <div class="menuinfo-img">
                        <!-- <div class="icon-top">招牌</div> -->
                        <img src="/resoures/images/沙拉.png" alt="虾仁三鲜（蒸饺）" />
                    </div>
                    <div class="info-text">
                        <div class="text-left">
                            <h5 class="hhead">虾仁三鲜（蒸饺）</h5>
                            <ul class="ubody">
                                <li>虾仁三鲜</li>
                                <li>￥22</li>
                            </ul>
                        </div>
                        <div class="text-right">
                            <!-- <div class="minus">-</div>
                            <div class="num">3</div> -->
                            <div class="add">+</div>
                        </div>
                    </div>
                </div>
                <div class="menuinfo-list">
                    <div class="menuinfo-img">
                        <div class="icon-top">招牌</div>
                        <img src="/resoures/images/炸鸡.png" alt="素三鲜（蒸饺）" />
                    </div>
                    <div class="info-text">
                        <div class="text-left">
                            <h5 class="hhead">素三鲜（蒸饺）</h5>
                            <ul class="ubody">
                                <li>素三鲜</li>
                                <li>￥15</li>
                            </ul>
                        </div>
                        <div class="text-right">
                            <!-- <div class="minus">-</div>
                            <div class="num">3</div> -->
                            <div class="add">+</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部购物车 -->
        <div class="bottom">
            <div class="bbi">
                <div class="bicon">
                    <img src="/resoures/images/购物车.png" alt="购物车" />
                    <div class="red-icon">3</div>
                </div>
            </div>
            <div class="bbgc-left">
                <p class="phead">￥12.88</p>
                <p class="pbody">另需配送费3元</p>
            </div>
            <div class="bbgc-right">
                <p>去结算</p>
            </div>
        </div>
    </div>
</body>

</html>